<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
		<title>页面布局</title>
		<style type="text/css">
			body{
				background-image: url(img/bg.jpg);
				/*background-image: url(img/midlle.png);*/
				.ta{
					/*position: fixed;*/
				}
			}
		</style>
	</head>
	<body>
		<table class="ta" border="0" cellspacing="0" cellpadding="0" width="600" align="center">
			<tr>
				<td colspan="7"><img src="img/top.png"/></td>
			</tr>
			<tr style="background-color:#8fbcff;" >
				<td width="85px" ><a href="#">首页</a></td>
				<td width="85px"><a href="#">心情日记</a></td>
				<td width="85px" ><a href="#">Free</a></td>
				<td width="85px"><a href="#">一起走到</a></td>
				<td width="85px"><a href="#">从明天起</a></td>
				<td width="85px"><a href="#">纸飞机</a></td>
				<td width="85px"><a href="#">下一站</a></td>
				<!--<td><a href="#"></a></td>-->
			</tr>
			<tr>
				<td align="center" colspan="2" style="background-color:#d2e6ff;">
					<br />
					<img src="img/left-one.jpg" alt="" />
					<br />
					我的笔记
					<br />
					<br />
					<!--<br />-->
					他们彼此相信着，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。
				</td>
				
				<td align="top" colspan="5" rowspan="2" style="background-color:#e9fbff"> 
					<b><a href="#">介绍</a></b>
					<br />
					我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随他去吧！
				     <br />
				     <br />
				     <b><a href="#">照相本子</a></b>
				     <br />
				     <br />
				     关于童年，你记住了什么？<br />
				     凉水。。。。。。。。。。
				     。。。。。。。。。。。。。<br />
				     。。。。。。。。。。。。  <br />
				     。。。。。。。。。。。。。<br />
				</td>
				
				<!--<td colspan="5">我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随他去吧！</td>-->
			</tr>
			<tr >
				<!--<td colspan="2" >他们彼此相信着，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。 </td>-->
			<!--<td>123</td>-->
			</tr>
			<tr>
				<td align="center" colspan="2" style="background-color:#d2e6ff;" >
					<img src="img/left-two.png"/>
					<br />
					心情轨迹
					<br />
					<br />
					<!--<br />-->
					董事长的一切都让人既羡慕又嫉妒，但更让人受不了的是，有一天，商场忽然赐给他一个生气的礼物.......
					<td rowspan="2" colspan="5" style=" background-image: url(img/midlle.png);
						background-position: bottom  right">
						<b><a href="#">地下铁</a></b>
						<br />
						。。。<br />
						。。。。。。。。<br />
						。。。。。。。。<br />
						。。。。。。。。<br />
						。。。。。。。。。<br />
						。。。。。。。。。。。<br />
						。。。。。。。。。。。<br />
						。。。。。。。。。。<br /><br />
						<b><a href="#">向左走向右走</a></b>
					<br />
					<br />
					they`re both convinced <br />
					that a sudden passion joined them <br />
					such certainth is beautiful <br />
					but uncertainty is more beautiful still
					</td>
				</td>
			</tr>
			<tr>
				<!--<td colspan="2">董事长的一切都让人既羡慕又嫉妒，但更让人受不了的是，有一天，商场忽然赐给他一个生气的礼物.......</td>-->
			</tr>
			<!--<tr>
				<td colspan="2"></td>
				<td rowspan="2" colspan="5">
					<a href="#">向左走向右走</a>
					<br />
					<br />
					they`re both convinced <br />
					that a sudden passion joined them <br />
					such certainth is beautiful <br />
					but uncertainty is more beautiful still
					
					
				</td>
			</tr>-->
		</table>
	</body>
</html>
